<ul>
    <li name="java">学习java</li>
    <li name="web">学习web</li>
    <li name="ui">学习ui</li>
</ul>
<script>

    let lis = document.querySelectorAll('li')
    // 1.原生方案 循环每个li绑定点击事件并输出属性name的值
    lis.forEach((item, index) => {
        item.onclick = function () {
            alert(item.getAttribute('name'))
        }
    })
</script>